// var programUrl = 'https://wdokumen-14-dot-remmitance-sat.df.r.appspot.com';
var programUrl = '';
var _programUrlCloud = programUrl;

function resetDialog(){
    $('.modal-body').html('');
    $('.modal-title').html('');
    $('.modal-footer').html('');
}

function dialogError(title, msg) {
    title = title == '' ? 'Error !!' : title;
    resetDialog();
    var string = '';
        string += '<div class="m-body-error" ><h3 class="msg-error" >'+msg+'</h3></div>';
    var sFooter= '<button type="button" id="close" class="btn btn-danger" data-dismiss="modal">Close</button>';
    $('.modal-body').html(string);
    $('.modal-title').html('<i class="fa fa-exclamation-triangle" aria-hidden="true"></i>&nbsp '+title);
    $('.modal-header').removeClass("m-title-success");
    $('.modal-header').addClass("m-title-error");
    $('.modal-footer').html(sFooter);
    $('#close').on('click', function () {
        $('#myModal').modal('hide');
    });
    $('#myModal').modal({
        backdrop: 'static',
        keyboard: false
    });
    $('#myModal').modal('show');
}

function dialogSuccess(title , msg , url) {
    title = title == '' ? 'Success !!' : title;
    resetDialog();
    var string = '';
        string += '<div class="m-body-error" ><h3 class="msg-succes" >'+msg+'</h3></div>';
    var sFooter= '<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>';
    $('.modal-body').html(string);
    $('.modal-title').html('<i class="fa fa-check" aria-hidden="true"></i>&nbsp '+title);
    $('.modal-header').removeClass("m-title-error");
    $('.modal-header').addClass("m-title-success");
    $('.modal-dialog').addClass("size-m");
    $('.modal-footer').html(sFooter);
    $('.modal-footer').on('click', 'button', function() {
        $('#myModal').modal('hide');
        if(url != '' && url != undefined) {
            document.location.href = url;
        }
    });
    $('#myModal').modal({
        backdrop: 'static',
        keyboard: false
    });
    $('#myModal').modal('show');
}

function loadShow() {
    $('body').addClass('x-loading');
}

function loadGone() {
    $('body').removeClass('x-loading');
}



function showRemmitanceLov () {
    var string = '';
        string += '<form class="add-remmitance">';
        string += '<div id="err"></div>';
        string += '<div class="remmitance-lov-container">';
        string += '<table id="remmitance-lov" border="1"><tr><td></td></tr></table>';
        string += '</div>';
        string += '</form>';
    $('#myModal .modal-body').html(string);
    lovRemmitance();

    $('#myModal').modal('show');
}



function showBranchLov () {
    var string = '';
        string += '<form class="add-branch">';
        string += '<div id="err"></div>';
        string += '<div class="branch-lov-container">';
        string += '<table id="branch-lov" border="1"><tr><td></td></tr></table>';
        string += '</div>';
        string += '</form>';
    $('#myModal .modal-body').html(string);
    lovBranch();
    $('#myModal').modal('show');
}


function showStoreLov (param) {
    var string = '';
        string += '<form class="add-store">';
        string += '<div id="err"></div>';
        string += '<div class="store-lov-container">';
        string += '<table id="store-lov" border="1"><tr><td></td></tr></table>';
        string += '</div>';
        string += '</form>';
    $('#myModal .modal-body').html(string);
    lovStore(param);
    $('#myModal').modal('show');
}

function showMaster () {
    var string = '';
        string += '<form class="add-master">';
        string += '<div id="err"></div>';
        string += '<div class="master-lov-container">';
        string += '<table id="master-lov" border="1"><tr><td></td></tr></table>';
        string += '</div>';
        string += '</form>';
    $('#myModal .modal-body').html(string);
    lovMasterProduk();
    $('#myModal').modal('show');
}


function getSessionUpload(){
    var kdBranch = $('span[id="accKdBranch"]').html();
    var namaBranch = $('span[id="accNamaBranch"]').html();
    var sesAkses = $('span[id="accAkses"]').html();
    
    if(typeof kdBranch != "undefined" && typeof namaBranch != "undefined"){
        if(typeof sesAkses != "undefined" ){
            if(sesAkses == "BR"){
                $('input[name="kdBranch"]').val(kdBranch);
                $('input[name="namaBranch"]').val(namaBranch);
                $('input[name="namaBranch"]').attr("disabled", "disabled");
            } else if (sesAkses == "HO"){
                $('input[name="namaBranch"]').removeAttr("disabled");
            }
        }
    }
    
}

function showNasabahLov () {
    var string = '';
        string += '<form class="add-branch">';
        string += '<div id="err"></div>';
        string += '<div class="nasabah-lov-container">';
        string += '<table id="nasabah-lov" border="1"><tr><td></td></tr></table>';
        string += '</div>';
        string += '</form>';
    $('#myModal .modal-body').html(string);
    lovNasabah2();
    $('#myModal').modal('show');
}


function showPekerjaanLov () {
    var string = '';
        string += '<form class="add-pekerjaan">';
        string += '<div id="err"></div>';
        string += '<div class="pekerjaan-lov-container">';
        string += '<table id="pekerjaan-lov" border="1"><tr><td></td></tr></table>';
        string += '</div>';
        string += '</form>';
    $('#myModal .modal-body').html(string);
    lovPekerjaan();
    $('#myModal').modal('show');
}

function showProvinsiLov () {
    var string = '';
        string += '<form class="add-provinsi">';
        string += '<div id="err"></div>';
        string += '<div class="provinsi-lov-container">';
        string += '<table id="provinsi-lov" border="1"><tr><td></td></tr></table>';
        string += '</div>';
        string += '</form>';
    $('#myModal .modal-body').html(string);
    lovProvinsi();
    $('#myModal').modal('show');
}

function showKotaLov (provinsi) {
    var string = '';
        string += '<form class="add-kota">';
        string += '<div id="err"></div>';
        string += '<div class="kota-lov-container">';
        string += '<table id="kota-lov" border="1"><tr><td></td></tr></table>';
        string += '</div>';
        string += '</form>';
    $('#myModal .modal-body').html(string);
    lovKota(provinsi);
    $('#myModal').modal('show');
}

function showLovProdukRemittance() {
    var string = '';
        string += '<form class="list-produk-remittance">';
        string += '<div id="err"></div>';
        string += '<div class="produk-remittance-lov-container">';
        string += '<table id="produk-remittance-lov" border="1"><tr><td></td></tr></table>';
        string += '</div>';
        string += '</form>';
    var sFooter= '<button type="button" id="close" class="btn btn-primary" data-dismiss="modal">Close</button>';

    $('.modal-body').html(string);
    $('.modal-dialog').addClass("modal-md");
    $('.modal-dialog').removeClass("size-m");
    $('.modal-title').html('&nbsp Pilih Produk Remittance ');
    $('.modal-header').addClass("m-title-success");
    $('.modal-footer').html(sFooter);

    inputLovProdukRemittance();

    $('#myModal').modal({
        backdrop: 'static',
        keyboard: false
    });

    $('#myModal').modal('show');
}


function showDetailButton (title, msg) {
    var string = '';
        string += '<div id="err"></div>';
        string += '<label></label>';
        string += '<div class="title-lov-container">';
        string += msg;
        string += '</div>';
    $('.modal-body').html(string);
    $('.modal-title').html(title);
    
    
    
    
    
    $('#myModal').modal('show');
}

function encodeImageFileAsURL(element) {
	var filetypes = ['jpg', 'jpeg', 'png', 'PNG', 'JPG', 'JPEG'];
	$('input[name="dokumen-base64"]').val('');
	$('input[name="dokumen-ext"]').val('');
	$('input[name="dokumen-name"]').val('');
    $('input[name="dokumen-type"]').val('');
	
	var file = element.files[0];
	var reader = new FileReader();
	reader.onloadend = function() {
		var resultReader = reader.result.split(',');
//		console.log(resultReader);
		var result = resultReader[1].replace(/\//g,"_");
		result = result.replace(/\+/g,"-");
		$('input[name="dokumen-base64"]').val(result);

        var jenisFile = file.type.split('/');
        
        if (jenisFile[0] == 'image' ){
            if (jenisFile[1].toLowerCase() == 'png' || jenisFile[1].toLowerCase() == 'jpeg' || jenisFile[1].toLowerCase() == 'jpg' ){

            } else {
                $('input[name="dokumen-base64"]').val('');
                $('input[name="img-mongo"]').val('');
                // $('span[id="msg-error-'+id+'"]').html("Tipe file bukan image");
            }
        } else {
            $('input[name="dokumen-base64"]').val('');
            $('input[name="img-mongo"]').val('');
        }

	}
	reader.readAsDataURL(file);
}

function saveImageMongo(v_base64, v_id, v_nik, v_time, v_kdstore, v_token, v_filenames) {
	loadShow();
	var param = {"tcode":"saveimage" , "vImage":v_base64, "vId":v_id, "vNik":v_nik, "vTime":v_time, "vKdStore":v_kdstore, "vToken":v_token , "vFilenames":v_filenames};
//	console.log({param});
	
	var url = urlApiProduction;
	$.post(url, {"tcode":"saveimage" , "rsaapi" : JSON.stringify(param)}, function(data){
		loadGone();
		var data = JSON.parse(data);
		
		if (data.status == "00") {
			var msg = "Berhasil upload dokumen !";
			document.location.href = globalbaseurl+'/upload/index?status=success'+"&msg=" + msg +'&gt='+generatedTime();
		} else {
	    	$('form[id="uploadDokumen"] span[id="msg-error"]').html(data.det);
	    	$('form[id="uploadDokumen"] span[id="simpan-upload-mongo"]').show();
	    	$('form[id="uploadDokumen"] span[id="process-upload-mongo"]').hide();
	    	$('form[id="uploadDokumen"] div[id="msg-upload-dokumen"]').show();
		}
	});
	
}


function resetImgReupload(){
    $('input[name="dokumen-base64"]').val('');
    $('input[name="dokumen-ext"]').val('');
    $('input[name="dokumen-name"]').val('');
    $('input[name="dokumen-type"]').val('');
    $('input[name="img-mongo"]').val('');
}



function remitEncodeImageFileAsURL(id, element) {
	var filetypes = ['jpg', 'jpeg', 'png', 'PNG', 'JPG', 'JPEG'];
	$('form[id="uploadDokumen-'+id+'"] input[name="dokumen-base64"]').val('');
	$('form[id="uploadDokumen-'+id+'"] input[name="dokumen-ext"]').val('');
	$('form[id="uploadDokumen-'+id+'"] input[name="dokumen-name"]').val('');
    $('form[id="uploadDokumen-'+id+'"] input[name="dokumen-type"]').val('');
	
	var file = element.files[0];
    // console.log(file);
	var reader = new FileReader();
	reader.onloadend = function() {
		var resultReader = reader.result.split(',');
//		console.log(resultReader);
		var result = resultReader[1].replace(/\//g,"_");
		result = result.replace(/\+/g,"-");
		$('form[id="uploadDokumen-'+id+'"] input[name="dokumen-base64"]').val(result);
        $('form[id="uploadDokumen-'+id+'"] input[name="dokumen-ext"]').val('');
        var jenisFile = file.type.split('/');
        
        $('span[id="msg-error-'+id+'"]').html('');
        if (jenisFile[0] == 'image' ){
            if (jenisFile[1].toLowerCase() == 'png' || jenisFile[1].toLowerCase() == 'jpeg' || jenisFile[1].toLowerCase() == 'jpg' ){
                var nameFile = file.name;
                var s = nameFile.split('.');
                var type = s[s.length-1];
                $('form[id="uploadDokumen-'+id+'"] input[name="dokumen-ext"]').val(type);
            } else {
                $('form[id="uploadDokumen-'+id+'"] input[name="dokumen-base64"]').val('');
                $('form[id="uploadDokumen-'+id+'"] input[name="img-mongo"]').val('');
                $('span[id="msg-error-'+id+'"]').html("Tipe file bukan image PNG atau JPG");
            }
        } else {
            $('form[id="uploadDokumen-'+id+'"] input[name="dokumen-base64"]').val('');
            $('form[id="uploadDokumen-'+id+'"] input[name="img-mongo"]').val('');
            $('span[id="msg-error-'+id+'"]').html("Tipe file bukan image");
        }
	}
	reader.readAsDataURL(file);
}


function msgHtml(status , msg){
	if(status == 'success' || status == 'danger'){
		if(msg != ''){
			$('div[id="pesan-html"]').show();
			$('p[id="pesan-note"]').html(msg);
			if(status == 'success'){
				$('div[id="pesan-success"]').show();
				$('div[id="pesan-danger"]').hide();
			} else {
				$('div[id="pesan-danger"]').show();
				$('div[id="pesan-success"]').hide();
			}
		}
	}
}


function todayStr(){
    var today = new Date();
    var dd = String(today.getDate()).padStart(2, '0');
    var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
    var yyyy = today.getFullYear();

    today = dd+'-'+mm+'-'+yyyy;
    return today;
}

function downloadImage(name, mime) {
    const linkSource = 'data:application/octet-stream;base64,'+mime;
    const downloadLink = document.createElement("a");
    const fileName = name;

    downloadLink.href = linkSource;
    downloadLink.download = fileName;
    downloadLink.click();
}